<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  <input type="button" value="按钮" class="btn">
</body>
<script>



  // const s1 = Symbol("a");
  // const s2 = Symbol("a");
  // console.log(s1)
  // console.log(typeof s1)
  // console.log(s2)
  // console.log(s2 === s1)
  
  // ========

  // const btn = document.querySelector(".btn")

  // const state = {
  //   open: Symbol("开"),
  //   close: Symbol("开"),
  //   reset: Symbol("开")
  // }

  // let now = state.open;

  // btn.onclick = function(){
  //   if(now === state.open){
  //     console.log('开');
  //     now = state.close;
  //   }else if(now === state.close){
  //     console.log("关");
  //     now = state.reset;
  //   }else{
  //     console.log("复位");
  //     now = state.open;
  //   }
  // }

  // ===========

  // const name1 = Symbol("name");
  // const name2 = Symbol("name");
  // const name3 = name1;

  // console.log(name1 === name2);
  // console.log(name1 === name3);

  // const obj = {
  //   [name1]:"admin",
  //   [name2]:"root"
  // }
  // console.log(obj)

  // console.log( obj[name1] )
  // console.log( obj[name2] )





</script>
</html>